/* ------公共样式 */
.al-pannel {
    padding: 25px 25px 35px 25px;
    background-color: #fff;
    margin-bottom: 20px;
}

.xtx-main {
    padding: 30px 0 85px;
    background-color: #f6f6f6;
}

.xtx-main .wrapper {
    display: flex;
}

.xtx-main .wrapper aside {
    margin-right: 18px;
    width:227px;
    height:1348px;
    /* -------------------ps */
    /* background-color: pink; */
}

.xtx-main .wrapper .xtx-overview {
    display: flex;
    margin-bottom: 18px;
    width:1000px;
    height:132px;
    background-color: #fff;
    /* background-color: skyblue; */
}

.xtx-main .wrapper .xtx-overview div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    flex:1;
}

.xtx-main .wrapper .xtx-overview div:first-child {
    border-right: 1px solid #f4f4f4;
}

.wrapper .xtx-overview div a img {
    width:22px;
    height:22px;
    margin-bottom: 8px;
}

.wrapper .xtx-overview div a .addr {
    width:18px;
    height: 25px;
}

.wrapper .xtx-overview div a p {
    font-size: 16px;
}

.wrapper .xtx-overview div a span {
    font-size: 25px;
    color:#e05e30;
}

.wrapper .xtx-all .orders {
    margin-bottom: 20px;
    padding:28px 25px;
    width:1000px;
    height:392px;
    background-color: #fff;
    /* background-color: skyblue; */
}

.wrapper .xtx-all .orders .pannel {
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    border-bottom: 1px solid #f4f4f4;
    /* background-color: pink; */
}

.xtx-all .orders .pannel h5 {
    font-size: 22px;
    color:#333;
    font-weight: normal;
}

.xtx-all .orders .pannel span {
    font-size: 16px;
    color:#999;
}

/* .xtx-all .orders .goods {
    display: flex;
    flex-direction: column;
    justify-content: center;
} */

.orders .goods li {
    padding:15px 0 15px 12px;
    display: flex;
    height: 137px;
    border: 1px solid #f4f4f4;
    /* ---------------------ps */
    /* background-color: pink; */
}

.orders .goods li:first-child {
    margin-bottom: 20px;
}

.orders .goods li img {
    width: 107px;
    height: 107px;
}

.orders .goods li .product {
    flex:1;
    display: flex;
    align-items: center;
}

.orders .goods li .statue {
    display: flex;
    justify-content: center;
    align-items: center;
    width:210px;
}

.orders .goods li .pay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:198px;
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}

.orders .goods li .buttom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:181px;
    border-right: 1px solid #f4f4f4;
}

.orders .goods li .product h5 {
    margin-left: 5px;
    font-size: 16px;
    color:#333;
    font-weight: normal;
}

.orders .goods li .product p {
    margin-top: 8px;
    font-size: 14px;
    color:#999;
}

.orders .goods li .statue span {
    font-size: 18px;
    color:#e05e30;
}

.orders .goods li .statues span {
    font-size: 18px;
    color:#e05e30;
}

.orders .goods li .statues p {
    color:#999;
}

.orders .goods li .pay p:first-child {
    color:#e05e30;
}

.orders .goods li .buttom a:first-child {
    margin-bottom: 10px;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #5eb69c;
}

.orders .goods li .statues {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:210px;
}

.xtx-all .collect {
    width:1000px;
    height:383px;
    /* -----------------------------ps */
    /* background-color: skyblue; */
}

.xtx-all .collect .lan {
    display: flex;
    justify-content: space-between;
    height:50px;
    border-bottom: 1px solid #f4f4f4   ;
    /* ------------------------p5 */
    /* background-color: pink; */
}

.xtx-all .collect .lan h5 {
    font-size: 22px;
    color:#333;
    font-weight: normal;
}

.xtx-all .collect .lan p {
    font-size: 16px;
    color:#999;
}

.xtx-all .collect .goods ul {
    display: flex;
    justify-content: space-between;
}

.xtx-all .collect .goods li {
    margin-top: 26px;
    width:171px;
    height:251px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.xtx-all .collect .goods li img {
    width: 160px;
    height: 160px;
    box-sizing: border-box;
}

.xtx-all .collect .goods li h5 {
    font-size: 16px;
    color:#333;
}

.xtx-all .collect .goods li .up {
    margin-top: 20px;
}

.xtx-all .collect .goods li p {
    margin-top: 5px;
    font-size: 22px;
    color:#9a2e1f;
}

.xtx-all .collect .goods li p span {
    font-size: 17px;
}

aside .person {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:230px;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
}

aside .person h5 {
    margin-bottom: 8px;
    font-size: 18px;
    color:#333;
    font-weight: normal;
}

aside .person img {
    width: 85px;
    height: 85px;
    margin-bottom: 10px;
}

aside .person p img {
    margin-bottom: 7px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    vertical-align: bottom;
}

aside .person p {
    display: inline-block;
    width: 93px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-image: linear-gradient(264deg, 
		#e05e2f 0%, 
		#ea745e 95%);
    border-radius: 13px;
}

aside .hu {
    background-color: #fff;
    padding: 30px 0px 0px 52px;
    height: 455px;
    border-bottom: 1px solid #f4f4f4;
    /* --------------------------ps */
    /* background-color: skyblue; */
}

aside .hu li h5 {
    font-size: 18px;
    color:#333;
    font-weight: normal;
    margin-bottom: 32px;
}

aside .hu li {
    font-size: 14px;
    color:#666;
    margin-bottom: 20px;
}

aside .hu li:hover a {
    color:#5eb69c;
}

aside .hu li:hover {
    list-style: disc;
}

aside .hu li:first-child:hover {
    list-style: none;
}
/* ------------------------------ */

aside .change {
    background-color: #fff;

    padding: 22px 0px 0px 52px;
    height: 275px;
    border-bottom: 1px solid #f4f4f4;
    /* --------------------------ps */
    /* background-color: skyblue; */
}

aside .change li h5 {
    font-size: 18px;
    color:#333;
    font-weight: normal;
    margin-bottom: 32px;
}

aside .change li {
    font-size: 14px;
    color:#666;
    margin-bottom: 20px;
}

aside .change li:hover a {
    color:#5eb69c;
}

aside .change li:hover {
    list-style: disc;
}

aside .change li:first-child:hover {
    list-style: none;
}

/* ---------------------------ps */
aside .col {
    background-color: #fff;

    padding: 22px 0px 0px 52px;
    height: 275px;
    border-bottom: 1px solid #f4f4f4;
    /* --------------------------ps */
    /* background-color: skyblue; */
}

aside .col li h5 {
    font-size: 18px;
    color:#333;
    font-weight: normal;
    margin-bottom: 32px;
}

aside .col li {
    font-size: 14px;
    color:#666;
    margin-bottom: 20px;
}

aside .col li:hover a {
    color:#5eb69c;
}

aside .col li:hover {
    list-style: disc;
}

aside .col li:first-child:hover {
    list-style: none;
}

aside .help {
    background-color: #fff;

    padding: 22px 0px 0px 52px;
    height: 116px;
    /* --------------------------ps */
    /* background-color: skyblue; */
}

aside .help li h5 {
    font-size: 18px;
    color:#333;
    font-weight: normal;
    margin-bottom: -6px;
}

aside .help li {
    font-size: 14px;
    color:#666;
    margin-bottom: 11px;
}

aside .help li:hover a {
    color:#5eb69c;
}

aside .help li:hover {
    list-style: disc;
}

aside .help li:first-child:hover {
    list-style: none;
}